<style>
  .item {
    border-bottom: 2px solid gray;
    margin-bottom: 10px;
  }
</style>
<div id="content">...正在加在数据</div>

<script src="./getjson.js"></script>
<script>
  // 一次取出所有商品数据（data1-3.json），显示完整商品列表
  // 每条数据的模版
  /*
  <div class='item'>
    <img src='图片'/>
    <div>
      <h2>标题</h2>
      <p>时间</p>
      <p>价格</p>
      <p>内容</p>
    </div>
  </div>
  */
  const arr = [1, 2, 3]
  const promises = arr.map(n => `./data${n}.json`)
    .map(url => getJSON(url))
  Promise.all(promises)
    .then(arr => arr.reduce(
      (s, item) => [...s, ...item.data], [])
    )
    .then(arr => {
      const cont = document.getElementById('content')
      return cont.innerHTML = arr.map((v) => {
        return `<div class='item'>
    <img src='${v.article_pic}'/>
    <div>
      <h2>${v.article_title}</h2>
      <p>${v.article_date}</p>
      <p>${v.article_price}</p>
      <p>${v.article_content}</p>
    </div>
  </div>`
      }).join('')
    })
</script>